{% extends 'SachaRMDesignBundle::base.html.twig' %}

{% block body %}
	<head class="page-header">
	  <h1>RM Design <small>diseños naturales</small></h1>
	</head>
	<div class="row">
		<div class="span8 offset2">
			<div id="myCarousel" class="carousel slide">
			  <!-- Carousel items -->
			  <div class="carousel-inner">
			    <div class="active item"><img src="{{ asset('img/1a.jpg') }}" alt="" /></div>
			    <div class="item"><img src="{{ asset('img/2a.jpg') }}" alt="" /></div>
			    <div class="item"><img src="{{ asset('img/3a.jpg') }}" alt="" /></div>
			    <div class="item"><img src="{{ asset('img/4a.jpg') }}" alt="" /></div>
			    <div class="item"><img src="{{ asset('img/5a.jpg') }}" alt="" /></div>
			  </div>
			  <!-- Carousel nav -->
			  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>
		</div>
	</div>
	
{% endblock %}

{% block javascripts %}
	<script>
		$('.carousel').carousel({ interval: 3000 });
	</script>
{% endblock %}